﻿
$(function () {

    //1.初始化Table
    var oTable = new TableInit();
    oTable.Init();

    //新增
    $("#Ceatebtnclick").click(function () {
        var URL = "/Mpa/Card/CreteOrUpdate?CardId=0";
        window.location.href = URL;
        //var frameid = "NoPermissioniframe";
        //var divModalid = "NoPermissionModal";

        //ABP.Methods.ModalClick(URL, frameid, divModalid);
    });

    //查询
    $("#SearchCardId").click(function () {
        RefreshDataTable();
    });
    

});


var TableInit = function () {
    var oTableInit = new Object();
    //初始化Table
    oTableInit.Init = function () {
        var data = {};//数据参数

        data.Id = 'sample_Cardid';  //DataTable的Id
        data.url = "/Mpa/Card/GetCardDataTable"; //请求数据地址
        data.parmer = oTableInit.queryParams; //参数
        data.columns = [{
            checkbox: true,
        },
        {
            field: 'UCCID',//域值
            title: '卡号',//标题
            visible: true,//false表示不显示
            sortable: false,//启用排序
            align: 'center',
            valign: 'middle',
            width: '15%',
            formatter: function (value, row, index) {
                return "<a href=\"#\" name=\"AgentCode\" data-type=\"text\" data-pk=\"" + row.Id + "\" data-title=\"卡号\" onclick=\"OpenCreteOrUpdate(" + row.Id + ")\">" + value + "</a>";
            },
        },
        {
            field: 'AgentCode',//域值
            title: '代理商名称',//标题
            visible: true,//false表示不显示
            sortable: false,//启用排序
            align: 'center',
            valign: 'middle',
            width: '15%',
        },
        {
            field: 'Package',//域值
            title: '套餐',//标题
            visible: true,//false表示不显示
            sortable: false,//启用排序
            align: 'center',
            valign: 'middle',
            width: '15%',
            editable: true,
        },
        {
            field: 'Balance',//域值
            title: '剩余流量',//内容
            visible: true,//false表示不显示
            sortable: false,//启用排序
            align: 'center',
            valign: 'middle',
            width: '20%',
            editable: true,
        },
        {
            field: 'Proportion',//域值
            title: '充值比例',//内容
            visible: true,//false表示不显示
            sortable: false,//启用排序
            align: 'center',
            valign: 'middle',
            width: '10%',
            editable: true,
        },
        {
            field: 'Remark',//域值
            title: '备注',//内容
            visible: true,//false表示不显示
            sortable: false,//启用排序
            align: 'center',
            valign: 'middle',
            width: '15%',
            editable: true,
        },
        {
            field: 'Remark',//域值
            title: '操作',//内容
            visible: true,//false表示不显示
            sortable: false,//启用排序
            align: 'center',
            valign: 'middle',
            width: '10%',
            editable: true,
            formatter: function (value, row, index) {
                return "<div class=\"clearfix\">" +
                    "<a href=\"#\" class=\"btn btn-xs blue\" onclick=\"OpenCreteOrUpdate(" + row.Id + ")\">修改" +
                    "<i class=\"fa fa-edit\"></i>" +
                    "</a>" +
                    "</div >";
            },
        }];
        loadTable(data);

    };

    //得到查询的参数
    oTableInit.queryParams = function (params) {
        var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            limit: params.limit,   //页面大小
            offset: params.offset,  //页码
            Filter1SearchName: $("#CardSearchNameid").val()
        };
        return temp;
    };
    //得到查询的参数
    oTableInit.refresh = function () {

        $("#sample_Cardid").bootstrapTable('refreshOptions', { pageNumber: 1 });

    };

    return oTableInit;
};

//刷新
function RefreshDataTable() {
    var oTable = new TableInit();
    oTable.refresh();
}

//打开修改界面
function OpenCreteOrUpdate(id) {
    var URL = "/Mpa/Card/CreteOrUpdate?CardId=" + id;
    window.location.href = URL;
}





